<template>
  <footer>
    <div>
      {{ randomPoem }}
    </div>
  </footer>
</template>

<script>
export default {
    name: "footIndex",
    setup() {
      const poems = [
        "醉后不知天在水，满船清梦压星河。",
        "荷花开后西湖好，载酒来时。不用旌旗，前后红幢绿盖随。",
        "明月松间照，清泉石上流。",
        "大漠孤烟直，长河落日圆。",
        "落霞与孤鹜齐飞，秋水共长天一色。",
        "春江潮水连海平，海上明月共潮生。",
        "天街小雨润如酥，草色遥看近却无。",
        "两个黄鹂鸣翠柳，一行白鹭上青天。",
        "停车坐爱枫林晚，霜叶红于二月花。",
        "孤舟蓑笠翁，独钓寒江雪。",
        "忽如一夜春风来，千树万树梨花开。",
        "欲把西湖比西子，淡妆浓抹总相宜。",
        "无可奈何花落去，似曾相识燕归来。",
        "问君能有几多愁，恰似一江春水向东流。",
        "山重水复疑无路，柳暗花明又一村。"
      ]
      const randomPoem = poems[Math.floor(Math.random() * poems.length)]
      return {
        randomPoem
      }
    },
}
</script>

<style scoped>
footer {
  margin-top: 15px;
  width: 100%;
  height: 60px;
}

footer div {
  width: 100%;
  height: 60px;
  background: skyblue;
  text-align: center;
  line-height: 60px;
  font-size: 20px;
  font-weight: 500;
  color: rgb(0, 0, 0);
}

</style>